.mui-control-content {
    min-height: 215px;
}

.mui-control-content .mui-loading {
    margin-top: 50px;
}

.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
    color: #fd6c24;
}

#sliderProgressBar {
    width: 20%;
    background-color: #fd6c24;
}

.mui-slider .order-item {
    background-color: white;
    border-radius: .1rem;
    margin-bottom: .3rem;
    padding: .3rem
}

.mui-slider .order-item .title img {
    height: .5rem;
    width: auto;
    float: left
}

.mui-slider .order-item .title .name {
    font-size: .35rem;
    line-height: .5rem;
    display: block;
    float: left;
    margin-left: .15rem
}

.mui-slider .order-item .title .status {
    color: red;
    float: right
}

.mui-slider .order-item .content img {
    padding: .2rem;
    height: 2.5rem;
    width: auto;
    float: left
}

.mui-slider .order-item .content .desc {
    float: left;
    width: 50%;
    margin-top: .5rem;
}

.mui-slider .order-item .content .desc .title {
    font-size: .3rem
}

.mui-slider .order-item .content .desc .size {
    font-size: .3rem;
    color: #9b9b9b;
}

.mui-slider .order-item .content .price {
    float: right;
    margin-top: .5rem;
}

.mui-slider .order-item .foot .total {
    color: red;
    float: right
}

.mui-slider .order-item .foot .desc {
    display: block;
    float: right;
    margin-left: .15rem
}